<template>
    <div class="home">
        <!-- 顶部栏 -->
        <div class="top">
            <top-item></top-item>
        </div>

        <!-- 文本框列表 -->
        <div class="input-list">
            <input-list></input-list>
        </div>


        <!-- 最近天气 -->
        <div class="rec-weather">
            <recent-weather></recent-weather>
        </div>
    </div>

</template>

<script setup>
import topItem from '../components/topItem.vue'
import InputList from '../components/InputList.vue'
import RecentWeather from '../components/RecentWeather.vue'

</script>

<style scoped lang="scss">
.home {
    width: 100%;
    min-height: 100vh;
    color: #fff;
}
</style>
